<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>新建会议</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
</head>
<body>

	<div class="layui-card layadmin-header">
		<div class="layui-breadcrumb" lay-filter="breadcrumb">
			<a lay-href="">会议中心</a> 
			<a><cite>导师会议管理</cite></a> 
			<a><cite>新建会议</cite></a>
		</div>
	</div>

	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md12">
				<div class="layui-card layui-form" lay-filter="component-form-element">
					<div class="layui-card-header">创建会议</div>
					<div class="layui-card-body">

						<form class="layui-form" action=""
							lay-filter="component-form-group">
							<div class="layui-form-item">
								<label class="layui-form-label ">会议标题</label>
								<div class="layui-input-block">
									<input type="text" name="number" lay-verify="required"
										autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">主持人</label>
									<div class="layui-input-inline">
										<input type="text" name="number" lay-verify="required"
											autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">时间</label>
									<div class="layui-input-inline">
										<input type="text" name="datetime"  id="test-laydate-type-datetime" lay-verify="required"
											autocomplete="off" class="layui-input" placeholder="yyyy-MM-dd HH:mm:ss">
									</div>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">委员会类型</label>
									<div class="layui-input-inline">
										<select name="cmttype" id="ttrCrtMtg-cmttype" lay-verify="">
											<option value="">请选择一个类型</option>
											<option value="1">校委员会</option>
											<option value="2">计算机学院委员会</option>
											<option value="3">空天学院委员会</option>
										</select>
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">地点</label>
									<div class="layui-input-inline">
										<input type="text" name="number" lay-verify="required"
											autocomplete="off" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-input-block">
									<button class="layui-btn" lay-submit="" lay-filter="demo1">保存</button>
								</div>
							</div>
						</form>

						<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
						  <legend>添加会议模板</legend>
						</fieldset>
						<div class="ttrCrtMtg-btn" style="margin-bottom: 10px;">
						  <div class="layui-input-inline">
                <select name="mtgtmpl" id="ttrCrtMtg-mtgtmpl" lay-verify="" lay-search>
	                <option value="">请选择一个会议模板</option>
	                <option value="1">模板一</option>
	                <option value="2">模板二</option>
	                <option value="3">模板三</option>
	              </select>
              </div>
							<button class="layui-btn" data-type="btnAdd">添加</button>
						</div>

						<table class="layui-hide" id="ttrCrtMtg-table" lay-filter="ttrCrtMtg-table"></table>

            <script type="text/html" id="ttrCrtMtg-table-operate-barDemo">
              <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../../../layuiadmin/layui/layui.js"></script>
	<script>
	layui.config({
	  base: '../../../layuiadmin/' //静态资源所在路径
	}).extend({
	  index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'form', 'laydate'], function(){
	  var table = layui.table
	  ,admin = layui.admin
	  ,layer = layui.layer
	  ,form = layui.form
	  ,laydate = layui.laydate;

	//日期时间选择器
    laydate.render({
      elem: '#test-laydate-type-datetime'
      ,type: 'datetime'
    });
	
	  form.render(null, 'component-form-element');
	  
	  table.render({
	    elem: '#ttrCrtMtg-table'
	    ,url: layui.setter.base + 'json/table/user.js'
	    ,cellMinWidth: 80
	    ,id: 'ID'
	    ,cols: [[
	      {field:'username', title: '模板材料名称'}
	      ,{title: '操作', width:178, align:'center', fixed: 'right', toolbar: '#ttrCrtMtg-table-operate-barDemo'}
	    ]]
	    ,page: true
	  });
	  
	  //监听工具条
	  table.on('tool(cmtMbrMng-table)', function(obj){
	    var data = obj.data;
	    if(obj.event === 'del'){
	      layer.confirm('真的删除行么', function(index){
	        obj.del();
	        layer.close(index);
	      });
	    }
	  });

		var $ = layui.$, active = {
			btnAdd : function() {
				layer.open({
					type: 2,
          area: ['700px', '450px'],
          fixed: false,
          maxmin: true,
          content: 'cmtMbrAdd.html'
				});
			}
		};

	});
	</script> 
</body>
</html>